<script setup lang="ts">
const money = 100
const str = 'hello world'
// const imgIntro = '我是一张图片'
</script>

<template>
  <div class="app-page">
    <div>{{ money }}</div>
    <div>{{ money + 100 }}</div>
    <div>{{ money >= 100 ? '太贵了' : '太划算了' }}</div>
    <div>{{ str }}</div>
    <div>{{ str.toUpperCase() }}</div>
    <!-- 如果变量或常量没有定义,则不能在里面使用 -->
    <!-- <div>{{ intro }}</div> -->
    <!-- 不支持语句 -->
    <!-- <div>{{ if(){} }}</div> -->
    <!-- 不能在标签属性中使用{{  }}进行插值 -->
    <!-- <img src="" alt="{{ imgIntro  }}"> -->
  </div>
</template>

<style lang="css" scoped></style>
